home *** CD-ROM | disk | FTP | other *** search
/ Gekkan Dennou Club 141 / Gekkan Dennou Club - 2000.2 Vol. 141 (Japan) (Track 1).bin / docs / chrome / chrome.doc < prev    next >
Encoding:
Text File  |  1999-09-01  |  9.2 KB  |  337 lines
  1.  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  2.  
  3. 　　マチエールでクローム調の文字を描く
  4.  
  5.                     　ナウちゃん’Ｓ
  6.  
  7.  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  8.  
  9.  
  10. ●はじめに
  11.  
  12. 　「クローム調の文字」と聞いて、皆さんすぐにイメージが浮かぶ
  13.  
  14. でしょうか？　クローム（クロム）は銀白色をした金属の一種です
  15.  
  16. が、鏡面反射をするメタリック調の表現を指して使われることも多
  17.  
  18. いようです。ここでいう「クローム調の文字」も、「金属調の滑ら
  19.  
  20. かに盛り上がった文字」を指しています。
  21.  
  22. クローム調の文字の例
  23. ◎    TYPE=CLI:KT p CHROME_S.PIC
  24.  
  25. 　実はこの「クローム調の文字」、フォトショップ関係の参考書を
  26.  
  27. 見てみると「ボカシ」「エンボス」「トーンカーブ（ガンマ曲線）」
  28.  
  29. の各機能を組み合わせた応用例として紹介されていますし、ペイン
  30.  
  31. ターには自動生成する機能が備わっています。つまり、この文字は
  32.  
  33. エフェクトの一連の処理によって生成が可能なのです。ここではマ
  34.  
  35. チエールを使ってこの処理を再現する手法を紹介します。多少手間
  36.  
  37. はかかりますが、興味のある方はぜひ一度お試し下さい。
  38.  
  39.  
  40. ●使う機能とガンマ曲線
  41.  
  42. 　では先に使う機能、特に「ガンマ曲線」について触れておきましょ
  43.  
  44. う。「ボカシ」はそのまま「ぼかしツール」、「エンボス」はエフェ
  45.  
  46. クトツールの中の「レリーフ（グレー）」で代用出来ます。問題は
  47.  
  48. 「ガンマ曲線」です。残念ながらマチエールにはこの機能は備わっ
  49.  
  50. ておらず、この機能を手動で再現してやることがマチエールでクロー
  51.  
  52. ム調の文字を描くポイントとなります。
  53.  
  54. 　「ガンマ曲線」はディスプレイの調整等でお馴染みのグラフで、
  55.  
  56. 明るさの変化の具合を表しています。この曲線の具合によって、
  57.  
  58. ”最も暗い部分から中ほどまでは急に明るくなり、中ほどから一番
  59.  
  60. 明るい部分まではゆっくり明るくなる”など、明るさが一定の割合
  61.  
  62. で変化していない状態を示したり、調整に利用したりするわけです。
  63.  
  64. この曲線のグラフが、グラフィックツールにおいては”現在のドッ
  65.  
  66. トの明るさをグラフで指定した明るさに置き換える機能”として使
  67.  
  68. われています（表１）。
  69.  
  70. ガンマ曲線（表１、２）
  71. ◎    TYPE=CLI:KT p GAMMA_1.PIC
  72.  
  73. 　ここで、参考とするフォトショップでのガンマ曲線の使い方を見
  74.  
  75. ておきましょう。普通のガンマ曲線は弓なりに調整するだけですが、
  76.  
  77. フォトショップのガンマ曲線（トーンカーブ）は、グラフを複数の
  78.  
  79. 箇所でドラッグしてやることで蛇行させることが出来ます（表２）。
  80.  
  81. このようにガンマ曲線を蛇行させてやることによって、本来一定の
  82.  
  83. 順序で明るくなっていくグラデーションが一度明るくなった後また
  84.  
  85. 暗くなり、そして再び明るくなります。この明るさの変化がまるで
  86.  
  87. 鏡面の映り込みのように見え、クローム調の表現となるのです。
  88.  
  89.  
  90. ●ガンマ操作までに行う処理
  91.  
  92. 　それでは実際に描いてみましょう。とりあえず、ガンマ曲線を適
  93.  
  94. 用する直前までの処理を済ましておきます。工程を画像ファイルに
  95.  
  96. してありますので、そちらを見ながら読むと判り易いと思います。
  97.  
  98. 途中までの工程（図１～５）
  99. ◎    TYPE=CLI:KT p CHROME_1.PIC
  100.  
  101. 　作業に入る前に、システム設定の「ディザー処理」はＯＦＦにし
  102.  
  103. ておいて下さい。ボカシで発生したディザが作業の邪魔になったり、
  104.  
  105. コントラスト調整の時に浮き上がって跡が残ることがあるからです。
  106.  
  107. 　まず、白地に黒で文字を描きます（図１）。文字はボカシをかけ
  108.  
  109. て膨らませるので、細い方がいいと思います。ここではＤＦ細丸ゴ
  110.  
  111. シックを８２ドットのサイズで描画しています（フォントは石田伯
  112.  
  113. 仁氏作のトゥルータイプフォント変換ツール (Vol.107 掲載) で変
  114.  
  115. 換したものを使用）。つづいて文字にボカシをかけます（図２）。
  116.  
  117. ここでのボカシレベルは「３」です。ボカシが終わったら、後の処
  118.  
  119. 理で文字以外の部分に影響が出ないように、周りの白い部分をマス
  120.  
  121. クで覆っておきます。「色変換パレット」の両方に白を設定してマ
  122.  
  123. スクに変換してやるとよいでしょう。次に、ボカシをかけた文字に
  124.  
  125. エンボスをかけてやります。ここではレリーフ（グレー）のレベル
  126.  
  127. 「５」で行っています（図３）。これで浮き上がった文字が出来上
  128.  
  129. がりますが、コントラストが弱いので調整しておきます（図４）。
  130.  
  131. 図４の場合、最も暗い部分：変換前８→変換後０、最も明るい部分：
  132.  
  133. 変換前２４→変換後３１の設定でコントラストを調整したあと、少
  134.  
  135. しザラつきが目立つのでレベル「２」のボカシをかけてあります。
  136.  
  137. 最後に、そのままの状態だと光が右下から当たっている感じですの
  138.  
  139. で、好みにより「ネガ反転」をかけて左上から当たっているように
  140.  
  141. 変更します（図５）。これでガンマ操作前の処理はおわりです。念
  142.  
  143. のためセーブしておきましょう。
  144.  
  145.  
  146. ●ガンマを疑似再現する方法
  147.  
  148. 　下準備が出来たところで、ガンマ曲線の機能をマチエールで再現
  149.  
  150. する手法について触れておきましょう。ガンマ補正用のプログラム
  151.  
  152. を使ったりするわけではありませんので、なにか他の処理の組み合
  153.  
  154. わせで疑似的に再現してやるわけです。まず、先ほどの蛇行したガ
  155.  
  156. ンマ曲線、これを直線に見立てるところからはじめます。
  157.  
  158. ガンマ曲線を疑似的に再現する（表３、４）
  159. ◎    TYPE=CLI:KT p GAMMA_2.PIC
  160.  
  161. 　曲線の上がり下がりの切り替わる部分を頂点として直線で結んで
  162.  
  163. やると、折れ線グラフのように見立てることが出来ます（表３）。
  164.  
  165. そして、通常の真っ直ぐ伸びたガンマの線を、この直線に見立てた
  166.  
  167. グラフと同じ折れ線になるようにする手法を考えればいいわけです。
  168.  
  169. ここでまず中ほどの右下がりになっている部分に注目します。明る
  170.  
  171. さが逆に暗くなっていっているということは、この範囲はネガ反転
  172.  
  173. を用いれば再現出来るということです（表４－１）。ただし、ここ
  174.  
  175. を反転しただけでは前後との明るさの連続性が途切れてしまいます
  176.  
  177. ので、前後の右上がりになっている部分も操作してやらなければい
  178.  
  179. けません。これにはコントラスト調整を使います。中央の反転でズ
  180.  
  181. レた分だけコントラストを操作して、明るさの連続性を持たせるの
  182.  
  183. です（表４－２）。
  184.  
  185.  
  186. ●実際の操作
  187.  
  188. 　それでは実際の作業を見ていきましょう。図を見ながら読んでみ
  189.  
  190. て下さい。
  191.  
  192. クローム調にする工程（前）（図６～１０）
  193. ◎    TYPE=CLI:KT p CHROME_2.PIC
  194.  
  195. 　まず始めに、作業の手助けのために、画面の使わない領域か裏画
  196.  
  197. 面に３本のグラデーションを用意します（図６）。これは、グラフ
  198.  
  199. の左側部分、反転した中央部分、右側部分に分けたグレースケール
  200.  
  201. のグラデーションで、カラーマスクを採るために使います。図では
  202.  
  203. マチエールのＲＧＢ１００段階表示の０～３８、４１～６０、６３
  204.  
  205. ～１００で分けています。もうひとつ作業の手助けのために、今作っ
  206.  
  207. た中央のグラデーションの濃度分布表を作成しておきます（表の作
  208.  
  209. 成はエフェクトメニュー内の「ヒストグラム作成」でグラデーショ
  210.  
  211. ンを矩形で囲って行います）。おおむね図７のようになったと思い
  212.  
  213. ます。これはあとでコントラストを調節する際の目安になります。
  214.  
  215. 　では先ほどの手法の通り、明るさの中央部分をネガ反転しましょ
  216.  
  217. う。ここではまず中央部分のカラーマスク（カラーマッチング）を
  218.  
  219. グラデーションから採り、明るさの中央部分だけ処理を有効にして
  220.  
  221. マスクツールでマスクをかけ（図８）、画面全体のマスクを反転し
  222.  
  223. たのちネガ反転ツールで明るさを反転します（図９）。この時、カ
  224.  
  225. ラーマスクはＯＮのまま行って下さい。文字の周りの色も反転され
  226.  
  227. てしまうためです。これでグラフの中央部分の明るさが右下がりに
  228.  
  229. なりました（表４－１の状態）。次に明るさの連続性が途切れた部
  230.  
  231. 分をコントラスト調整でつなげてやります。画面全体のマスクを元
  232.  
  233. 通りに反転し、今度は暗い部分のグラデーションからカラーマスク
  234.  
  235. を採ります（中央の分は先に初期化して下さい）。暗い部分だけを
  236.  
  237. 有効にしてコントラストの調整を行います（図１０）。
  238.  
  239. クローム調にする工程（後）（図１１～１５）
  240. ◎    TYPE=CLI:KT p CHROME_3.PIC
  241.  
  242. 補正前の範囲を折れ線グラフの左部分（図の例での数値は０～１２
  243.  
  244. まで）、補正後の範囲は左部分と中央部分（同じく０～１８）に設
  245.  
  246. 定します。この際、先ほどとっておいた濃度分布表と、その下にあ
  247.  
  248. るコントラスト範囲を示す２本のバーを見ながら数値を調整すると
  249.  
  250. 感覚的に調整できます。図１１のようにバーの白い部分を濃度分布
  251.  
  252. 表の山に合わせてやればいいわけです。数値の設定が終わったらコ
  253.  
  254. ントラスト調整を実行します（図１２）。つづいて明るい部分のコ
  255.  
  256. ントラストを調整します。明るい部分のグラデーションからカラー
  257.  
  258. マスクを採り（暗い分は先に初期化）、補正前の範囲を折れ線グラ
  259.  
  260. フの右部分（図の例での数値は１９～３１）、補正後の範囲は右部
  261.  
  262. 分と中央部分（同じく１３～３１）に設定します（図１３）。コン
  263.  
  264. トラスト調整を実行してマスクをはがすと、クローム調の文字がほ
  265.  
  266. ぼ出来上がります（図１４）。そのままではコントラストが弱いの
  267.  
  268. で濃度分布のヒストグラムをとり、適度にコントラストを強めて完
  269.  
  270. 成です（図１５）。
  271.  
  272.  
  273. ●その後の加工
  274.  
  275. 　一連の作業はグレースケールで行うためそのままでは白黒ですか
  276.  
  277. ら、後処理で色を付けることになります。
  278.  
  279. 後処理による着色例
  280. ◎    TYPE=CLI:KT p CHROME_E.PIC
  281.  
  282. 　着色には「色調整」メニューを使います。明るい部分に色を付け
  283.  
  284. たい時はＲＧＢ調整で、暗い部分の場合はＣＭＹ調整で調整します。
  285.  
  286. 他にも彩度調整やコントラストなども使って望む色に調整します。
  287.  
  288. この時、そのまま処理すると文字以外の部分も色が変わってしまう
  289.  
  290. ので、始めの方の工程（図２ぐらい）の画像を保存しておき、マス
  291.  
  292. クとりに使うといいと思います。簡単な文字の場合なら色が変わっ
  293.  
  294. てしまったところをペンイトで塗りつぶしていく方が楽かも知れま
  295.  
  296. せん。
  297.  
  298. 　また、アンチエイリアスをかけたい時ですが、工程の上では考慮
  299.  
  300. していませんのでファインズームの縮小によるオーバーサンプリン
  301.  
  302. グに頼ることになります。地色が単色でよい場合は大きく描いてお
  303.  
  304. いてファインズームで縮小するだけで済みます。別の絵に入れる場
  305.  
  306. 合にはファインズームで縮小したものをクリップコピーでコピーし
  307.  
  308. ます。うまくいかない時は地にする絵を先に判り易い倍率（整数倍
  309.  
  310. など）で拡大しておき、そこに大きく描いた文字を合成したのち、
  311.  
  312. 元の倍率にファインズームで縮小するなどしてください。
  313.  
  314.  
  315. ●おわりに
  316.  
  317. 　マチエールで描くクローム調の文字、いかがでしたでしょうか。
  318.  
  319. 仕組みの再現がややこしく実作業の手順も多いので、思ったより長
  320.  
  321. い文章になってしまいました。はじめはてこずるかも知れませんが、
  322.  
  323. 元々の仕組みを覚えておけばなんとかなると思いますのでいろいろ
  324.  
  325. 試してみて下さい。Ｘ６８０００で絵を描く際の表現の幅が少しで
  326.  
  327. も広がれば幸いです。
  328.  
  329.  
  330.  
  331. ●おまけ（水面みたいな模様）
  332. ◎    TYPE=CLI:KT p CHROME_O.PIC
  333.  
  334.  
  335.  
  336. （ＥＯＦ）
  337.